<!DOCTYPE html>
<html>
	<head>
		<!-- 字符编码 -->
		<meta charset="utf-8">
		<!-- 定义适配移动端屏幕比例代码 -->
		<meta name="viewport"
			content="width=device-width,user-scalable=no,inital-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		
	</head> <a href=""></a>
	<body>
		<ul class="cm">
			<li><a href="#">置顶</a></li>
			<li><a href="#jcc">家常菜</a></li>
			<li><a href="#yyc">营养餐</a></li>
		</ul>
		<div class="header">
			<div class="header-f">
				<div class="logo">
					<img src="images/logo.png">
				</div> 
				<div class="nav">
					<ul class="userNav">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a style="color: #FF0000;" href="cp.html">烹饪食谱</a>
						</li>
						<li>
							<a href="cs.html">经验分享</a>
						</li>
						<li>
							<a href="LiuYan.html">留言建议</a>
						</li>
						<li class="wdl">
							<a href="login.html">登录注册</a>
						</li>
						<li class="drcg" style="display: none;"><a href="#"></a></li>
						<li class="drcg tuiChu" style="display: none;"><a href="#">退出登录</a></li>
					</ul>
					<ul class="adminNav" style="display: none;">
						<li>
							<a style="color: #FF0000;" href="userDB.html">用户管理</a>
						</li>
						<li class="wdl">
							<a href="login.html">登录注册</a>
						</li>
						<li class="drcg" style="display: none;"><a href="#"></a></li>
						<li class="drcg tuiChu" style="display: none;"><a href="#">退出登录</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="title-three">
			<h3 id="jcc">家常菜</h3>
		</div>
		<div class="list">
			<ul>
				<li>
					<a href="#">
						<img src="images/cp1.jpg" alt="">
						<p>土豆炖茄子</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/cp2.jpg" alt="">
						<p>辣椒炒鸡蛋</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/cp3.jpg" alt="">
						<p>红烧肉</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/cp4.jpg" alt="">
						<p>糖醋鱼</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/cp5.jpg" alt="">
						<p>西红柿炒鸡蛋</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/cp6.jpg" alt="">
						<p>蒜薹炒肉</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/cp7.jpg" alt="">
						<p>葱爆肉</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/cp8.jpg" alt="">
						<p>糖醋排骨</p>
					</a>
				</li>
			</ul>
		</div>
		<div class="title-three">
			<h3 id="yyc">营养餐</h3>
		</div>
		<div class="new">
			<a class="new-list" href="#">
				<div class="list-img">
					<img src="images/yy1.jpg" alt="">
				</div>
				<div class="list-text">
					<h3>营养早餐</h3>
					<p>1、周一早餐：牛奶麦片营养粥，煎蛋一个，煎饼（可根据时令菜做南瓜煎饼或其它蔬菜煎饼），加上水果桃子几片（可以选择其它水果片）。2、周二早餐：小米粥、香肠、煎豆腐块、蔬菜拼盘（西红柿与水果柿子椒或其它），主食可选择馒头或包子。3、周三早餐：面包片或面包块、薯片、香肠、西蓝花，加水果一个，一杯牛奶或营养茶（蜂蜜奶茶、蜂蜜菊花茶等）。<p>
				</div>
			</a>
			<a class="new-list" href="#">
				<div class="list-img">
					<img src="images/yy2.jpg" alt="">
				</div>
				<div class="list-text">
					<h3>营养午餐</h3>
					<p>由于上午体内热能消耗较大，午后还要继续工作和学习，因此，不同年龄、不同体力的人午餐热量应占他们每天所需总热量的40%。主食根据三餐食量配比，应在150～200 克左右，可在米饭、面制品（馒头、面条、大饼、玉米面发糕等）中间任意选择。副食在240～360克左右，以满足人体对无机盐和维生素的需要。副食种类的选择很广泛，如：肉、蛋、奶、禽类、豆制品类、海产品、蔬菜类等，按照科学配餐的原则挑选几种，相互搭配食用。</p>
				</div>
			</a>
			<a class="new-list" href="#">
				<div class="list-img">
					<img src="images/yy3.jpg" alt="">
				</div>
				<div class="list-text">
					<h3>营养晚餐</h3>
					<p>1、对于普通人晚餐其实不能够吃得太丰盛，晚餐应当以清淡为主、荤素搭配，以青菜为主，配合一些杂粮或者是清淡的汤都可以。2、对于碳水化合物的摄入要适量，不应当吃一些大鱼大肉或者是比较油腻的食物，因为不容易消化，而且会容易造成肥胖和尿酸增高。3、晚饭还是以清淡为主，特别是对于蔬菜的摄入多一些，这样对于人体比较好。4、而且杂粮的摄入对于人体的消化功能和肠道运动也是比较好的，具体可以根据个人的口味搭配。 </p>
				</div>
			</a>
			<a class="new-list" href="#">
				<div class="list-img">
					<img src="images/yy4.jpg" alt="">
				</div>
				<div class="list-text">
					<h3>营养夜宵</h3>
					<p>夜宵可以选择清淡、容易消化的食物，尽量降低胃和肝脏的负担。建议选择清汤类的半流质食物，如片汤、混钝、面条、水饺、牛奶等。或者，你也可以适量喝点粥，再搭配一些小菜，这样既容易消化，又不会增加过多的脂肪。</p>
				</div>
			</a>
		</div>
		<div class="footer">
			<p>姓名:黎训斌 学号:0223610 班级:软件11班</p>
			<p>报告：亮点 移动端通用 轮播图  鼠标指示放大效果 </p>
		</div>
	</body>
</html>
